<template>		


  <el-carousel :interval="4000" type="card" height="600px">
    <el-carousel-item v-for="item in imagesbox" :key="item.id">
      <el-card :body-style="{ padding: '20px', margin:'20px' }">
        <img :src="item.idView" class="image"/>
        <div style="padding: 14px">
          <span v-html="item.text"></span>
        </div>
      </el-card>
    </el-carousel-item>
  </el-carousel>
  



</template>

<script>
import { defineComponent, ref } from 'vue'

export default defineComponent({
  setup() {
    const currentDate = ref(new Date())

    return {
      currentDate,
      imagesbox:
        [
          {id:0,text:"夏大伟，计算机系主任<br>软件技术、移动应用开发专业学科带头<br>软爱的教育模范教师<br>辽宁省优秀教师CCF专业会员<br>多次指导学生参加高职技能大赛获奖",idView:require("../../assets/xiadawei.jpg")},  
          {id:1,text:"李星华<br>实践教学管理中心主任<br> 计算机应用技术专业学科带头人<br> 北软爱的教育模范教师<br> 辽宁省教学成果三等奖 <br> 多次带领、指导学生参加“中国软件杯”等国家级竞赛获奖",idView:require("../../assets/lixinghua.jpg")},
         

        ],
    }
  },
})
</script>
<style scoped>
.time {
  font-size: 13px;
  color: #999;
}

.bottom {
  margin-top: 13px;
  line-height: 12px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.button {
  padding: 0;
  min-height: auto;
}

.image {
  width: 100%;
  height: 300px;
}
</style>
